/**
 * 侧边栏导航
 */
import MainContent from '@/views/layout/MainContent'
export default [
    {
        path: '/page',
        key: 'page',
        name: '后台管理',
        component: () => import('@/views/layout/Menu'),
        children: [
            /**
             * 一级菜单
             */
            {
                path: '/page/about',
                key: 'about',
                name: '关于',
                icon: 'folder',
                component: () => import('@/views/About.vue')
            },
            {
                path: '/page/index',
                key: 'index',
                name: '弹层',
                icon: 'tag',
                component: () => import('@/views/page/Index.vue')
            },
            {
                path: '/page/table',
                key: 'table',
                name: '表格',
                icon: 'table',
                component: () => import('@/views/page/Table.vue')
            },
            {
                path: '/page/form',
                key: 'form',
                name: '表单',
                icon: 'form',
                component: () => import('@/views/page/Form.vue')
            },

            /**
             * 二级菜单
             */
            {
                path: '/page/user',
                key: 'user',
                name: '用户管理',
                icon: 'user',
                component: MainContent,
                children: [
                    {
                        path: '/page/user/info',
                        key: 'info',
                        name: '用户信息',
                        component: () => import('@/views/page/user/UserInfo.vue'),
                    },
                    {
                        path: '/page/user/manage',
                        key: 'manage',
                        name: '用户管理',
                        component: () => import('@/views/page/user/UserManage.vue')
                    }
                ]
            },

            /**
             * 二级菜单2
             */
            {
                path: '/page/base',
                key: 'base',
                name: '基础组件',
                icon: 'fund',
                component: MainContent,
                children: [
                    {
                        path: '/page/base/drawer',
                        key: 'drawer',
                        name: '抽屉',
                        component: () => import('@/views/page/base/Drawer.vue'),
                    },
                    {
                        path: '/page/base/error',
                        key: 'error',
                        name: '错误',
                        component: () => import('@/views/page/base/Error.vue')
                    },
                    {
                        path: '/page/base/skeleton',
                        key: 'skeleton',
                        name: '骨架屏',
                        component: () => import('@/views/page/base/Skeleton.vue')
                    },
                    {
                        path: '/page/base/table1',
                        key: 'table1',
                        name: '基础表格',
                        component: () => import('@/views/page/base/Table1.vue')
                    },
                    {
                        path: '/page/base/uploadImg',
                        key: 'uploadImg',
                        name: '上传图片',
                        component: () => import('@/views/page/base/UploadImg.vue')
                    },
                    {
                        path: '/page/base/charts',
                        key: 'charts',
                        name: '图表',
                        component: () => import('@/views/page/base/Charts.vue')
                    },
                    {
                        path: '/page/base/carousel',
                        key: 'carousel',
                        name: '走马灯',
                        component: () => import('@/views/page/base/Carousel.vue')
                    }
                ]
            }

        ]
    },
]
